.friends{
  width: 100vw;
  min-height: 100vh;
  background-color: #fff;
  .table{
    width: 100%;
    .tr{
      width: 100%;
      display: flex;

      .td{
        width: 12.2%;
        color: #333333;
        &.tb-header-td {
          justify-content: center;
          align-items: center;
          flex-direction: column;
          font-size: 20rpx;
        }
        &.money{
          color: #EB133C;
        }
        &.p40{
          width: 40%;
        }
        &.p30{
          width: 30%;
        }
        &.p50{
          width: 50%;
        }
        &.p20{
          width: 20%;
        }
        &.p10{
          width: 10%;
        }
        &.p15{
          width: 15%;
        }
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20rpx;
        color: #666666;
      }
      &.tr-header{
        height: 84rpx;
        border-bottom:2rpx solid #f9f7f7;
      }
      &.tr-row{
        height: 128rpx;
      }
    }
  }
}